<template>
    <div class="bgconent" :style="{width:width,height:height}">
        <div class="title">
            <p>{{title}}</p>
        </div>
        <div class="echart-box-content">
            <slot></slot>
        </div>
    </div>
  </template>
  
  <script>
  export default {
      props:{
          width:'',
          height:'',
          title:''
      }
  }
  </script>
  
  <style scoped>
  .bgconent{
      /* border: 1px solid rgba(14, 101, 187, 0.66); */
      position: relative;
  }
  
  .bgconent .title {
      width: 651px;
      height: 68px;
      position:absolute;
      left: 0px;
      top: 0px;
      background: url(../images/titleBg.png) no-repeat;
      background-size: 100% 100%;
      
  }
  .bgconent .title>p{
      font-size: 34px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 28px;
      margin: 15px 0 0 60px;
  }
  .echart-box-content{
    height: calc(100% - 72px);
    padding-top: 72px;
  }
  </style>